SVG D3.js

How to build the background of a map with Javascript and D3.js: from the most basic example to highly customized examples.

D3 uses spherical GeoJSON to represent geographic features in JavaScript. D3 supports a wide variety of common and unusual map projections. And because D3 uses ...

2019年10月5日 — 最近想做一個「台灣本島XXX 地圖」的頁面，比如台灣本島素食地圖、台灣本島氣象地圖。 原本想說就簡單的找個台灣地圖的SVG 檔，後來發現台北、新北這 ...

地圖資料格式¶. 要在D3.js 中使用地圖資料，需要使用GeoJSON 格式，GeoJSON 主要是基於JSON 編寫的一種地理交換資料格式， ...

Learn how to use d3.js to create beatiful and interactive maps without the overhead. Create clutter- and distraction-free maps with d3.js.

d3.map API · d3.map([object][, key]) · map.has(key) · map.get(key) · map.set(key, value) · map.remove(key) · map.keys() · map.values() · map.size().

2020年11月13日 — Use d3.map to group items together, creating a hashed array that can be accessed using handy functions like array.get(value) .

2021年5月27日 — D3.js 是以一個使用動態圖形進行資料視覺化的JavaScript程式庫，並且相容於W3C標準，其中主要使用SVG作為圖形格式。

2021年7月28日 — 使用D3.js 搭配台灣地圖資料，根據經緯度繪製到畫布上，再結合全國運動場館的資訊，標上運動場館的位置。提供zoom 縮放功能，hover 在點上會出現客製 ...